﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Pokoje Violetta</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/stylemenu.css" type="text/css" media="all">
<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />
<link rel="Stylesheet" type="text/css" href="css/colorbox.css" />

</style>
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Adamina_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script>
<script type="text/javascript" src="js/kwicks-1.5.1.pack.js" ></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/scriptmenu.js"></script>

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
</head>
<body id="page1">
<div class="bg1">
  <div class="bg2">
    <div class="main">
      <!-- header -->
      <header>
       <h1><a href="index.html" id="logo">PokojeVioletta</a></h1>
        
      </header>
      <div class="box">
        <div id='cssmenu'>
		<ul>
         	<li class="active"><a href="index.html">Strona główna</a></li> 
   			<li><a href="oferta.html"> Oferta </a></li>
            <li><a href="pokoje.html"> Pokoje </a></li>
            <li><a href="cennik.html"> Cennik </a></li>
            <li><a href="kontakt.html"> Kontakt </a></li>
		</ul>
		</div>
        <!-- header end -->
        <!-- content -->
        <article id="content">
          <div class="box1">
            <div class="wrapper">
             
              <div class="kwicks-wrapper marg_bot1">

                 <div id="makeMeScrollableMain">
		<a href="images/podworko.jpg"><img src="images/podworko.jpg" alt="" id="" /></a>	
		<a href="images/ulica1.jpg"><img src="images/ulica1.jpg" alt="" id="" /></a>
        <a href="images/front2.jpg"><img src="images/front2.jpg" alt="" id="" /></a>
        <a href="images/front1.jpg"><img src="images/front1.jpg" alt="" id="" />3</a>
              </div>
            </div>
            <div class="pad">
              <div class="line1">
                <div class="wrapper line5">
                  <div class="col1">
                    <h7>O nas</h7>
                    <p class="pad_bot1">Zapraszamy grupy zorganizowanie i gości indywidualnych do całorocznego ośrodka wypoczynkowo – szkoleniowego w Bolesławowie.
Organizujemy przyjęcia okolicznościowe takie jak: wesela, chrzciny, komunie, stypy, konferencje i imprezy urodzinowe.
Zapraszamy na szkolenia, obozy, imprezy integracyjne, wycieczki oraz zielone i białe szkoły. </p>
                    <a href="oferta.html" class="color1">Więcej</a> </div>
                  <div class="col1 pad_left1">
                    <h7>Lokalizacja</h7>
                    <p class="pad_bot1">Ośrodek „Violetta” graniczy z terenami zielonymi skąd rozciąga się piękny widok na pobliskie góry Bialskie – malowniczy i rzadko uczęszczany, najbardziej wysunięty na południowy-wschód zakątek polskich Sudetów. Nad całym obszarem króluje najwyższa góra regionu – Śnieżnik (1425 m), wokół którego leżą niższe szczyty tworzące Masyw Śnieżnika. </p>
                    <a href="kontakt.html" class="color1">Więcej</a> </div>
                  <div class="col1 pad_left1">
                    <h7>Rezerwacje</h7>
                    <p class="pad_bot1">Zachęcamy do kontaktu w sprawie informacji o dostępnych miejscach noclegowych. </p>
                    <a href="kontakt.html" class="color1">Więcej</a> </div>
                </div>
              </div>
            </div>
          </div>
         
        </article>
        <!--content end-->
      </div>
    </div>
  </div>
</div>
<div class="main">
  <!-- footer -->
  <footer>
    <div class="col2"> Design by <a target="_blank" href="http://www.pokojevioletta.pl/">www.pokojevioletta.pl</a>
      <nav>
      </nav>
    </div>
    <div class="col_footer pad_left1">
      <ul id="icons">
        <li><a href="#" class="normaltip"><img src="images/icon2.jpg" alt=""></a></li>
      </ul>
    </div>
    <!-- {%FOOTER_LINK} -->
  </footer>
  <!-- footer end -->
</div>
<script type="text/javascript">Cufon.now();</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="js/jquery.kinetic.min.js" type="text/javascript"></script>
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>	
<script type="text/javascript">
		$(document).ready(function () {
			// Init Smooth Div Scroll	
			$("#makeMeScrollableMain").smoothDivScroll({
				mousewheelScrolling: "allDirections",
				manualContinuousScrolling: true

			});
			$("#makeMeScrollableMain a").colorbox({ speed: "500" });
			});
	</script>
</body>
</html>